/**
 * Copyright (c) 2012 Tomi Paananen.
 *
 * Part of Quick Gestures user interface.
 */

import QtQuick 1.1
import com.nokia.symbian 1.1

Item {
    id: viewHeader
    property alias text: viewHeaderLabel.text
    property alias elide: viewHeaderLabel.elide
    property string color: "#151515" // Default color
    width: 360 // Default width
    height: 50
    z: 1

    // Rectangles for the background and the border
    Rectangle {
        width: parent.width
        height: 20
        color: viewHeader.color
        radius: 10
        smooth: true
    }
    Rectangle {
        y: 10
        width: parent.width
        height: 40
        color: viewHeader.color
    }
    Rectangle {
        y: 49
        width: parent.width
        height: 1
        color: "#404040"
    }
    Rectangle {
        y: 50
        width: parent.width
        height: 1
        color: viewHeader.color
        opacity: 0.5
    }

    Label {
        id: viewHeaderLabel

        anchors {
            fill: parent
            margins: 10
        }

        verticalAlignment: Text.AlignVCenter
    }
}
